<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>渐变</title>
    <style>
        /*渐变颜色网址：https://www.grabient.com/*/
        body{
            /*background: background-color: #0093E9;*/
            /*有条纹*/
            /*background-image: linear-gradient(357deg, #0093E9 0%, #80D0C7 100%);*/
            /*无条纹*/
            background: linear-gradient(357deg, #0093E9 0%, rgba(140, 208, 128, 0.98) 100%);
        }
        #div-form1{
            margin-top: 25%;
            margin-left: 40%;
        }
        #form1{
            height: 300px;
            width: 300px;
            font-size: 20px;
        }
        input{
            size: 100px;
        }

    </style>
</head>
<body>
    <div id="div-form1">
        <form id="form1">
            <table>
                <tr>
                    <td>用户名</td>
                    <td><input type="text" name="name"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password" name="password"></td>
                </tr>
                <tr>
                    <td><input type="submit"></td>
                    <td><input type="reset"></td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>